<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>建筑材料应用 - 优塑科技</title>
    <link rel="stylesheet" href="../css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        .application-hero {
            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://picsum.photos/seed/construction-plastics/1920/600.jpg') no-repeat center center/cover;
            height: 50vh;
            display: flex;
            align-items: center;
            text-align: center;
            color: #fff;
            margin-top: 70px;
        }

        .application-hero h1 {
            font-size: 42px;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .material-section {
            padding: 80px 0;
        }

        .material-card {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            padding: 30px;
            margin-bottom: 30px;
            display: flex;
            gap: 30px;
        }

        .material-icon {
            flex-shrink: 0;
            width: 80px;
            height: 80px;
            background-color: #ebf5fb;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .material-icon i {
            font-size: 36px;
            color: #3498db;
        }

        .material-content {
            flex-grow: 1;
        }

        .material-content h3 {
            font-size: 24px;
            margin-bottom: 15px;
            color: #2c3e50;
        }

        .material-content p {
            margin-bottom: 15px;
            line-height: 1.7;
        }

        .material-properties {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 20px;
        }

        .property-tag {
            background-color: #f8f9fa;
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 14px;
            color: #3498db;
            font-weight: 500;
        }

        .application-image {
            margin: 30px 0;
            text-align: center;
        }

        .application-image img {
            max-width: 100%;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .back-link {
            display: inline-flex;
            align-items: center;
            color: #3498db;
            text-decoration: none;
            font-weight: 500;
            margin-bottom: 20px;
            transition: color 0.3s ease;
        }

        .back-link:hover {
            color: #2980b9;
        }

        .back-link i {
            margin-right: 8px;
        }

        .benefits-section {
            background-color: #f8f9fa;
            padding: 60px 0;
        }

        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 30px;
        }

        .benefit-card {
            background-color: #fff;
            border-radius: 8px;
            padding: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            text-align: center;
        }

        .benefit-icon {
            font-size: 36px;
            color: #3498db;
            margin-bottom: 20px;
        }

        .benefit-card h4 {
            font-size: 18px;
            margin-bottom: 15px;
            color: #2c3e50;
        }

        .benefit-card p {
            font-size: 14px;
            color: #7f8c8d;
            line-height: 1.6;
        }

        @media (max-width: 768px) {
            .material-card {
                flex-direction: column;
                text-align: center;
            }

            .material-icon {
                margin: 0 auto;
            }

            .application-hero h1 {
                font-size: 32px;
            }
        }
    </style>
</head>
<body>
    <!-- 顶部导航栏 -->
    <header>
        <div class="container">
            <div class="logo">
                <a href="../index.html">优塑科技</a>
            </div>
            <nav class="main-nav">
                <ul>
                    <li><a href="../index.html#home">首页</a></li>
                    <li><a href="../index.html#about">关于我们</a></li>
                    <li><a href="../index.html#products">产品中心</a></li>
                    <li><a href="../index.html#applications" class="active">应用领域</a></li>
                    <li><a href="../index.html#quality">质量保证</a></li>
                    <li><a href="../index.html#contact">联系我们</a></li>
                </ul>
            </nav>
            <div class="mobile-menu-toggle">
                <i class="fas fa-bars"></i>
            </div>
        </div>
    </header>

    <!-- 应用领域横幅 -->
    <section class="application-hero">
        <div class="container">
            <h1>建筑材料应用</h1>
            <p>提供耐用、环保的建筑用塑料型材及配件原料</p>
        </div>
    </section>

    <!-- 主体内容 -->
    <section class="section">
        <div class="container">
            <a href="../index.html#applications" class="back-link">
                <i class="fas fa-arrow-left"></i>返回应用领域
            </a>

            <div class="section-header">
                <h2>建筑材料塑料</h2>
                <p>为现代建筑行业提供全面的塑料材料解决方案</p>
            </div>

            <div class="application-image">
                <img src="https://picsum.photos/seed/construction-materials/1000/500.jpg" alt="建筑材料塑料产品">
            </div>

            <div class="material-section">
                <h3>主要应用材料</h3>

                <div class="material-card">
                    <div class="material-icon">
                        <i class="fas fa-cube"></i>
                    </div>
                    <div class="material-content">
                        <h3>PVC-U硬质聚氯乙烯</h3>
                        <p>PVC-U是一种广泛应用于建筑行业的材料，主要用于制造门窗型材、管道、地板等。其优异的耐候性、阻燃性和低成本使其成为建筑材料的首选。</p>
                        <div class="material-properties">
                            <span class="property-tag">耐候性</span>
                            <span class="property-tag">阻燃性</span>
                            <span class="property-tag">耐化学腐蚀</span>
                            <span class="property-tag">隔音隔热</span>
                            <span class="property-tag">低成本</span>
                        </div>
                    </div>
                </div>

                <div class="material-card">
                    <div class="material-icon">
                        <i class="fas fa-cube"></i>
                    </div>
                    <div class="material-content">
                        <h3>PC阳光板</h3>
                        <p>聚碳酸酯阳光板具有高透光率、抗冲击性和耐候性，广泛应用于建筑采光顶、雨棚、隔断等需要透光和耐候性的场所。</p>
                        <div class="material-properties">
                            <span class="property-tag">高透光率</span>
                            <span class="property-tag">抗冲击性</span>
                            <span class="property-tag">耐候性</span>
                            <span class="property-tag">轻质高强</span>
                            <span class="property-tag">易加工成型</span>
                        </div>
                    </div>
                </div>

                <div class="material-card">
                    <div class="material-icon">
                        <i class="fas fa-cube"></i>
                    </div>
                    <div class="material-content">
                        <h3>PMMA亚克力</h3>
                        <p>亚克力具有优异的透明度、耐候性和加工性，广泛应用于建筑采光、装饰、广告牌等领域，是玻璃的理想替代材料。</p>
                        <div class="material-properties">
                            <span class="property-tag">高透明度</span>
                            <span class="property-tag">耐候性</span>
                            <span class="property-tag">易加工成型</span>
                            <span class="property-tag">轻质</span>
                            <span class="property-tag">抗冲击性</span>
                        </div>
                    </div>
                </div>

                <div class="material-card">
                    <div class="material-icon">
                        <i class="fas fa-cube"></i>
                    </div>
                    <div class="material-content">
                        <h3>PPR无规共聚聚丙烯</h3>
                        <p>PPR管材具有优异的耐热性、耐压性和耐化学性，是建筑冷热水管道系统的理想材料，广泛应用于住宅和商业建筑的给水系统。</p>
                        <div class="material-properties">
                            <span class="property-tag">耐热性</span>
                            <span class="property-tag">耐压性</span>
                            <span class="property-tag">耐化学性</span>
                            <span class="property-tag">长期使用寿命</span>
                            <span class="property-tag">热熔连接</span>
                        </div>
                    </div>
                </div>

                <div class="material-card">
                    <div class="material-icon">
                        <i class="fas fa-cube"></i>
                    </div>
                    <div class="material-content">
                        <h3>PE-RT耐热聚乙烯</h3>
                        <p>PE-RT是一种新型的耐热聚乙烯材料，具有良好的耐热性、柔韧性和长期耐压性能，是地暖系统的理想管材。</p>
                        <div class="material-properties">
                            <span class="property-tag">耐热性</span>
                            <span class="property-tag">柔韧性</span>
                            <span class="property-tag">耐压性</span>
                            <span class="property-tag">易弯曲安装</span>
                            <span class="property-tag">环保无毒</span>
                        </div>
                    </div>
                </div>

                <div class="material-card">
                    <div class="material-icon">
                        <i class="fas fa-cube"></i>
                    </div>
                    <div class="material-content">
                        <h3>XPS挤塑聚苯乙烯</h3>
                        <p>XPS是一种高性能保温材料，具有优异的保温隔热性能、防潮性和抗压强度，广泛应用于建筑墙体、屋面和地面的保温系统。</p>
                        <div class="material-properties">
                            <span class="property-tag">优异保温性能</span>
                            <span class="property-tag">防潮性</span>
                            <span class="property-tag">抗压强度</span>
                            <span class="property-tag">轻质</span>
                            <span class="property-tag">长期稳定性</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section-header">
                <h2>应用案例</h2>
                <p>我们的材料在建筑行业中的典型应用</p>
            </div>

            <div class="applications-grid">
                <div class="application-card">
                    <div class="application-icon">
                        <i class="fas fa-door-open"></i>
                    </div>
                    <h3>门窗型材</h3>
                    <p>PVC-U门窗型材、断桥铝型材等</p>
                </div>
                <div class="application-card">
                    <div class="application-icon">
                        <i class="fas fa-water"></i>
                    </div>
                    <h3>管道系统</h3>
                    <p>PPR给水管、PE-RT地暖管、排水管等</p>
                </div>
                <div class="application-card">
                    <div class="application-icon">
                        <i class="fas fa-th"></i>
                    </div>
                    <h3>装饰材料</h3>
                    <p>亚克力装饰板、PC阳光板、塑料地板等</p>
                </div>
                <div class="application-card">
                    <div class="application-icon">
                        <i class="fas fa-home"></i>
                    </div>
                    <h3>保温材料</h3>
                    <p>XPS保温板、EPS保温板等</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 建筑材料优势 -->
    <section class="benefits-section">
        <div class="container">
            <div class="section-header">
                <h2>建筑材料优势</h2>
                <p>塑料材料在建筑行业中的优势</p>
            </div>

            <div class="benefits-grid">
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-leaf"></i>
                    </div>
                    <h4>节能环保</h4>
                    <p>优异的保温隔热性能，显著降低建筑能耗，减少碳排放</p>
                </div>
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-clock"></i>
                    </div>
                    <h4>长使用寿命</h4>
                    <p>耐候性强，抗腐蚀，使用寿命长，减少维护成本</p>
                </div>
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-weight-hanging"></i>
                    </div>
                    <h4>轻质高强</h4>
                    <p>重量轻，强度高，降低建筑结构负荷，提高施工效率</p>
                </div>
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-tools"></i>
                    </div>
                    <h4>施工便捷</h4>
                    <p>易于加工、安装和连接，缩短工期，降低施工成本</p>
                </div>
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-shield-alt"></i>
                    </div>
                    <h4>安全可靠</h4>
                    <p>阻燃性能好，提高建筑安全性，满足消防要求</p>
                </div>
                <div class="benefit-card">
                    <div class="benefit-icon">
                        <i class="fas fa-palette"></i>
                    </div>
                    <h4>设计多样</h4>
                    <p>颜色和形状多样，满足不同建筑风格和设计需求</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 技术优势 -->
    <section class="section">
        <div class="container">
            <div class="section-header">
                <h2>技术优势</h2>
                <p>我们为建筑行业提供的塑料材料解决方案具有以下优势</p>
            </div>

            <div class="about-stats">
                <div class="stat">
                    <span class="stat-number">30%</span>
                    <span class="stat-label">节能效果</span>
                </div>
                <div class="stat">
                    <span class="stat-number">50+</span>
                    <span class="stat-label">年使用寿命</span>
                </div>
                <div class="stat">
                    <span class="stat-number">40%</span>
                    <span class="stat-label">施工效率提升</span>
                </div>
                <div class="stat">
                    <span class="stat-number">30+</span>
                    <span class="stat-label">建筑专用材料</span>
                </div>
            </div>

            <div class="section-header">
                <h2>联系我们</h2>
                <p>获取更多建筑材料塑料解决方案</p>
            </div>

            <div style="text-align: center; margin-top: 30px;">
                <a href="../index.html#contact" class="btn btn-primary">联系我们</a>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-logo">
                    <h3>优塑科技</h3>
                    <p>专业塑料原材料供应商</p>
                </div>
                <div class="footer-links">
                    <h4>快速链接</h4>
                    <ul>
                        <li><a href="../index.html#home">首页</a></li>
                        <li><a href="../index.html#about">关于我们</a></li>
                        <li><a href="../index.html#products">产品中心</a></li>
                        <li><a href="../index.html#applications">应用领域</a></li>
                        <li><a href="../index.html#quality">质量保证</a></li>
                        <li><a href="../index.html#contact">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer-contact">
                    <h4>联系方式</h4>
                    <p><i class="fas fa-map-marker-alt"></i> 上海市浦东新区科技园区创新路88号</p>
                    <p><i class="fas fa-phone"></i> 021-12345678</p>
                    <p><i class="fas fa-envelope"></i> info@yousu-tech.com</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2023 优塑科技. 版权所有.</p>
            </div>
        </div>
    </footer>

    <script src="../js/main.js"></script>
</body>
</html>